<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>404</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="/libs/font-awesome/css/font-awesome.min.css">
    <style type="text/css">
        .error-page {
            width: 100%;
            margin: 20px auto 0 auto;
            padding-top: 100px;
        }
        .error-page > .headline {
            font-size: 100px;
            font-weight: 300;
            float: none;
            text-align: center;
        }
        .error-page > .error-content {
            margin-left: 190px;
            display: block;
            margin-left: 0;
        }
        .error-page > .error-content > h3 {
            font-weight: 300;
            font-size: 25px;
            text-align: center;
        }
        .text-yellow {
            color: #f39c12 !important;
        }
    </style>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="/frame/error_page/html5shiv.min.js"></script>
    <script src="/frame/error_page/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- Main content -->
<section class="content">
    <div class="error-page">
        <h2 class="headline text-yellow"> 404</h2>

        <div class="error-content">
            <h3><i class="fa fa-warning text-yellow"></i> Oops! Page not found.</h3>
        </div>
        <!-- /.error-content -->
    </div>
    <!-- /.error-page -->
</section>
<!-- /.content -->

</body>
</html>
